<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Checkout - RubberNLaces Website Template</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
    <div id="background">
        <div id="page">
            <div id="header">
                <div id="logo">
                    <a href="index.jsp"><img src="images/logo.png" alt="LOGO"></a>
                </div>
                <div id="navigation">
                    <ul id="primary">
                        <li>
                            <a href="index.jsp">Home</a>
                        </li>
                        <li>
                            <a href="new.html">New Arrivals</a>
                        </li>
                        <li>
                            <a href="mens.html">Mens</a>
                        </li>
                        <li>
                            <a href="womens.html">Womens</a>
                        </li>
                        <li>
                            <a href="contact.jsp">Contact</a>
                        </li>
                        <li class="highlight">
                            <a href="sale.html">Sale</a>
                        </li>
                    </ul>
                    <ul id="secondary">
                        <li>
                            <a href="checkout.jsp">Cart</a>
                        </li>
                        <li>
                            <a href="index.jsp">Login</a> | <a href="index.jsp">Signup</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="contents">
                <div id="checkout">
                    <h4><span>Checkout</span></h4>
                    <table>
                        <thead>
                            <tr>
                                <th>Order no. 0017893547</th>
                                <th>Quantity</th>
                                <th>Size</th>
                                <th>Price</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><img src="images/leather-boots3.jpg" alt="Thumbnail"> <b>Hukbalahap Boots</b>
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis cursus gravida. Suspendisse ut ligula tristique velit blandit blandit vel sit amet ipsum. Nam accumsan turpid id mauris fermentum
                                    </p></td>
                                <td><a href="checkout.jsp" class="minus"></a> <a href="checkout.jsp" class="plus"></a>
                                    <input type="text" value="1" class="txtfield"></td>
                                <td><a href="checkout.jsp" class="minus"></a> <a href="checkout.jsp" class="plus"></a>
                                    <input type="text" value="7.5" class="txtfield"></td>
                                <td class="last"><div>
                                        $8.50 <a href="checkout.jsp">Delete</a>
                                    </div></td>
                            </tr> <tr>
                                <td><img src="images/leather-boots3.jpg" alt="Thumbnail"> <b>Hukbalahap Boots</b>
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis cursus gravida. Suspendisse ut ligula tristique velit blandit blandit vel sit amet ipsum. Nam accumsan turpid id mauris fermentum
                                    </p></td>
                                <td><a href="checkout.jsp" class="minus"></a> <a href="checkout.jsp" class="plus"></a>
                                    <input type="text" value="1" class="txtfield"></td>
                                <td><a href="checkout.jsp" class="minus"></a> <a href="checkout.jsp" class="plus"></a>
                                    <input type="text" value="7.5" class="txtfield"></td>
                                <td class="last"><div>
                                        $8.50 <a href="checkout.jsp">Delete</a>
                                    </div></td>
                            </tr> <tr>
                                <td><img src="images/leather-boots3.jpg" alt="Thumbnail"> <b>Hukbalahap Boots</b>
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis cursus gravida. Suspendisse ut ligula tristique velit blandit blandit vel sit amet ipsum. Nam accumsan turpid id mauris fermentum
                                    </p></td>
                                <td><a href="checkout.jsp" class="minus"></a> <a href="checkout.jsp" class="plus"></a>
                                    <input type="text" value="1" class="txtfield"></td>
                                <td><a href="checkout.jsp" class="minus"></a> <a href="checkout.jsp" class="plus"></a>
                                    <input type="text" value="7.5" class="txtfield"></td>
                                <td class="last"><div>
                                        $8.50 <a href="checkout.jsp">Delete</a>
                                    </div></td>
                            </tr> <tr>
                                <td><img src="images/leather-boots3.jpg" alt="Thumbnail"> <b>Hukbalahap Boots</b>
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis cursus gravida. Suspendisse ut ligula tristique velit blandit blandit vel sit amet ipsum. Nam accumsan turpid id mauris fermentum
                                    </p></td>
                                <td><a href="checkout.jsp" class="minus"></a> <a href="checkout.jsp" class="plus"></a>
                                    <input type="text" value="1" class="txtfield"></td>
                                <td><a href="checkout.jsp" class="minus"></a> <a href="checkout.jsp" class="plus"></a>
                                    <input type="text" value="7.5" class="txtfield"></td>
                                <td class="last"><div>
                                        $8.50 <a href="checkout.jsp">Delete</a>
                                    </div></td>
                            </tr>
                        </tbody>
                    </table>
                    <a href="checkout.jsp" class="proceed-btn">Proceed to Checkout</a>
                </div>
            </div>
            <div id="footer">
                <div class="background">
                    <div id="connect">
                        <h5>Get Social With us!</h5>
                        <ul>
                            <li>
                                <a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a>
                            </li>
                            <li>
                                <a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a>
                            </li>
                            <li>
                                <a href="http://www.freewebsitetemplates.com/go/googleplus/" target="_blank" class="linkin"></a>
                            </li>
                        </ul>
                    </div>
                    <ul class="navigation">
                        <li>
                            <h5>Mens</h5>
                            <a href="mens.html">Sneakers</a> <a href="mens.html">Boots</a> <a href="mens.html">Winter socks</a> <a href="mens.html">Lace-ups</a>
                        </li>
                        <li>
                            <h5>Womens</h5>
                            <a href="womens.html">Sneakers</a> <a href="womens.html">Boots</a> <a href="womens.html">Winter socks</a> <a href="womens.html">Lace-ups</a>
                        </li>
                        <li class="latest">
                            <h5>New Arrivals</h5>
                            <a href="new.html">Cheverlyn Zespax</a> <a href="new.html">Alta Ulterior</a> <a href="new.html">Mikee</a> <a href="new.html">Jeeroks Copy</a>
                        </li>
                        <li class="latest">
                            <h5>On Sale Items</h5>
                            <a href="sale.html">Cheverlyn Zespax</a> <a href="sale.html">Alta Ulterior</a> <a href="sale.html">Mikee</a> <a href="sale.html">Jeeroks Copy</a>
                        </li>
                    </ul>
                    <p class="footnote">
                        &copy; Copyirght &copy; 2011. <a href="index.jsp">Company name</a> all rights reserved.
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>